<template>
    <el-pagination v-model:current-page="options.page" v-model:page-size="options.pageSize"
        :page-sizes="[10, 20, 30, 40]" :background="true" layout="prev, pager, next,sizes" :total="1000"
        @size-change="handleSizeChange" @current-change="handleCurrentChange" />

</template>

<script setup>
const props = defineProps({
    options: {
        type: Object,
        default: () => {
            return {}
        }
    }
})
function handleSizeChange() {

}
function handleCurrentChange() {

}
</script>
<style>


.el-pagination button {
    border-radius: 4px;
}
.el-pagination ul > li {
    border-radius: 4px;
}
</style>